<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
        <meta name="format-detection" content="telephone=no">
        <title>魅力小伙伴</title>
        <link rel="stylesheet" href="css/frozen.css">
        <link rel="stylesheet" href="css/style.css">
        <script src="js/zepto.min.js"></script>
        <script src="js/frozen.js"></script>
        <script src="js/jquery-1.9.1.min.js"></script>
        <script src="js/lib/juicer-min.js"></script>
        <script src="js/global.js"></script>
        <script src="js/jquery.jsonp.js"></script>
        <script src="js/biz/huace/meilixiaohuoban.js"></script>
        <script type="text/javascript" src="cordova.js"></script>
        <script src="plugins/callActivity.js"></script>
    </head>
    <body ontouchstart="">
        <header class="ui-header ui-header-positive ui-border-b">
            <i class="ui-icon-return" onclick="history.back()"></i><h1>魅力小伙伴</h1>
        </header>
        <section class="ui-container">
            <ul class="order-list"></ul>
        </section>
    <script type="text/juicer" id="mx_tpl">
        {@each arrays as item, index}
        <li>
            <div class="order-list-avatar">
                <img src="${item.photo}" width="40" height="40" alt="">
            </div>
            <div class="order-list-intro">
                <div class="order-list-intro-text">
                    <p class="color666 fz14">${item.nickName}
                        {@if item.sex===2 }
                        <span class="sex sex-female no-left"><i class="icons-sex-female"></i>${item.age}</span>
                        {@else}
                        <span class="sex sex-male no-left"><i class="icons-sex-male"></i>${item.age}</span>
                        {@/if}
                    </p>
                    <p class="color666 fz14">魅力值 : <span class="ui-txt-red">${item.charisma}</span></p>
                </div>
                <div class="order-list-album-list">
                    ${item.distance}KM
                </div>
            </div>
        </li>
        {@/each}
    </script>
    </body>
</html>
